$(function(){
	var $pic = $('.pic')
	var $cirle = $('.cirle')
	var length =$pic.find('li').size();
//	var _width = $pic.find('li').eq(0).width() * length;
	var timer;
	var index = 0;

	
	$('#myCarousel').on('mouseenter',function(){
		clearInterval(timer);
	}).on('mouseleave',function(){
		timer = setInterval( move, 3000 );
	}).trigger('mouseleave');
	
	function move(){
		index++;
		show();
	}
	
	 $cirle.on('click','li',function(){
	 	index = $(this).index();
	 	$cirle.find('li').removeClass();
	 	$(this).addClass('active');
	 	show();
	 })
	
	function show(){
		if(index <= 0){
			index = length-1;
		}else if(index > length-1){
			index = 0;
		}					
		$pic.find('li').eq(index).animate({opacity:1},0).siblings().animate({opacity:0});
		$cirle.find('li').eq(index).addClass('active').siblings().removeClass();
	}
	
	
//热销商品	
		$('.hot_goods_page ol li').on('click',function(){
			$('.hot_goods_page ol li').removeClass('active');
			$(this).addClass('active');
			$('.hot_goods_list ul').eq($(this).index()).animate({opacity:1},function test(){
				$(this).next().animate({opacity:0},test)
			});
		})
//猜你喜欢
		$('.guess_like_page ol li').on('click',function(){
			$('.guess_like_page ol li').removeClass('active');
			$(this).addClass('active');
			$('.guess_like_list ul').eq($(this).index()).animate({opacity:1},function test(){
				console.log($(this).index())
				$(this).next().animate({opacity:0},test)
			});
		})

//楼层部分

	$('.first_floor .first_menu ul li').on('click', function(){
		var _left = $(this).offset().left;
		$('.first_floor .first_menu ul li a').css({color:'#545454'}).eq($(this).index()).css({color:'black'})
		$('.first_floor .first_menu ul .line').css({left:_left-365});
		$('.first_floor .middle ul').css({display:'none'}).eq($(this).index()).show();
	});
	$('.second_floor  .second_menu ul li').on('click', function(){
		var _left = $(this).offset().left;
		$('.second_floor .second_menu ul li a').css({color:'#545454'}).eq($(this).index()).css({color:'black'})
		$('.second_floor  .second_menu ul .line').css({left:_left-365});
		$('.second_floor .middle ul').css({display:'none'}).eq($(this).index()).show();
	});
		
	$('.third_floor .third_menu ul li').on('click', function(){
		var _left = $(this).offset().left;
		$('.third_floor .third_menu ul li a').css({color:'#545454'}).eq($(this).index()).css({color:'black'})
		$('.third_menu ul .line').css({left:_left-365});
		$('.third_floor .middle ul').css({display:'none'}).eq($(this).index()).show();
	});

})